<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hyprnote</title>
    <script src="https://cdn.twind.style" crossorigin></script>
</head>

<body class="bg-neutral-100 flex items-center justify-center min-h-screen">
    <div class="bg-white p-8 rounded-lg shadow-lg text-center space-y-4">
        <h1 class="text-2xl font-bold text-neutral-800">
            Authentication Successful
        </h1>

        <img src="{{ keychain_img_src }}" class="w-[500px] object-contain"/>

        <p class="text-neutral-600">Please go back to the app to complete the authentication.</p>
    </div>

    <script>
        const tryOpenApp = () => {
            window.location.href = "hypr://hyprnote.com/onboarding";
        };

        tryOpenApp();
    </script>

</body>

</html>
